import React from 'react';
import Icon from '@ant-design/icons';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;

const DeleteSvg = () => (
    <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g transform="translate(0, -4)">
                <rect  x="0" y="0" width="14" height="22"></rect>
                <g transform="translate(0, 4)" fill="#FF4D4D" fillRule="nonzero">
                    <path d="M13.3933544,2.40238536 L9.46714309,2.40238536 C9.40776764,1.06741691 8.32632679,0 7.00533669,0 C5.68434659,0 4.60290574,1.06741691 4.54353028,2.40238536 L0.606645759,2.40238536 C0.271606681,2.40238536 0,2.67989284 0,3.02221082 C0,3.36452879 0.271606681,3.64203627 0.606645759,3.64203627 L13.3933544,3.64203627 C13.7283935,3.64203627 14,3.36452879 14,3.02221082 C14,2.67989284 13.7283935,2.40238536 13.3933544,2.40238536 Z M8.2511975,2.40236599 L5.75949483,2.40236599 C5.81691765,1.75149115 6.35359061,1.23963154 7.00533669,1.23963154 C7.65708277,1.23963154 8.19377469,1.75149115 8.2511975,2.40236599 Z M11.2700943,4.4983554 L11.2700943,12.7603491 L2.78677895,12.7603491 L2.78677895,4.4983554 C2.78677895,4.15603743 2.51517227,3.87852995 2.1801332,3.87852995 C1.84509412,3.87852995 1.57348744,4.15603743 1.57348744,4.4983554 L1.57348744,13.3801745 C1.57348744,13.7224925 1.84509412,14 2.1801332,14 L11.87674,14 C12.2117791,14 12.4833858,13.7224925 12.4833858,13.3801745 L12.4833858,4.4983554 C12.4833858,4.15603743 12.2117791,3.87852995 11.87674,3.87852995 C11.541701,3.87852995 11.2700943,4.15603743 11.2700943,4.4983554 Z" id="形状"></path>
                    <path d="M5.83991331,11.2585592 L5.83991331,6.74610279 C5.83991331,6.40378481 5.56830663,6.12627733 5.23326755,6.12627733 C4.89822848,6.12627733 4.6266218,6.40378481 4.6266218,6.74610279 L4.6266218,11.2585399 C4.6266218,11.6008578 4.89822848,11.8783653 5.23326755,11.8783653 C5.56830663,11.8783653 5.83991331,11.6008772 5.83991331,11.2585592 Z M9.47095359,11.2585592 L9.47095359,6.74610279 C9.47095359,6.40378481 9.19934691,6.12627733 8.86430783,6.12627733 C8.52926875,6.12627733 8.25766207,6.40378481 8.25766207,6.74610279 L8.25766207,11.2585399 C8.25766207,11.6008578 8.52926875,11.8783653 8.86430783,11.8783653 C9.19934691,11.8783653 9.47095359,11.6008772 9.47095359,11.2585592 Z" id="形状"></path>
                </g>
            </g>
        </g>
    </svg>
);


const DeleteIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={DeleteSvg} {...props} />
);

const CustomCardDropdownMenuDeleteIcon: React.FC = () => (
        <DeleteIcon />
);

export default CustomCardDropdownMenuDeleteIcon;
